<template>
    <div >
        <el-menu
        style="width: 200px;min-height: 91vh"
        active-text-color="#ffd04b"
        background-color="#545c64"
        :default-active="route"
        router
        class="el-menu-vertical-demo"
        text-color="#fff"
      >
        <el-sub-menu index="1">
          <template #title>
            <!-- <el-icon><location /></el-icon> -->
            <span>系统管理</span>
          </template>
            <el-menu-item index="/user">用户管理</el-menu-item>  
        </el-sub-menu>
        <el-menu-item index="/book">书籍管理</el-menu-item>  
        <!-- <el-menu-item index="data" :path="{path:'/'}">数据管理</el-menu-item> -->
        <el-menu-item index="/news">新闻管理</el-menu-item>
          <!-- <el-icon><icon-menu /></el-icon> -->

      </el-menu>
    </div>
</template>

<script lang="ts" setup name="Aside">
import { useRoute } from 'vue-router';

const route = useRoute().path //设置默认高亮
 
</script>
<style scoped></style>
